<script setup>
const tableData = [
  {
    Time: '8:00-9:40',
    Mon: '软件体系架构',
    Tues: '创新创业导论',
    Wed: '',
    Thus: '',
    Fri: '科学计算与数学建模基础入门',
  },
  {
    Time: '10:00-11:40',
    Mon: '',
    Tues: '',
    Wed: '',
    Thus: '毛泽东思想和中国特色社会主义理论体系概论',
    Fri: '',
  },
  {
    Time: '14:00-15:40',
    Mon: '日语（二外）',
    Tues: '',
    Wed: '',
    Thus: '软件体系结构',
    Fri: '软件测试技术',
  },
  {
    Time: '16:00-17:40',
    Mon: '科学计算与数学建模',
    Tues: '',
    Wed: '',
    Thus: '日语（二外）',
    Fri: '',
  },
  {
    Time: '19:00-20:40',
    Mon: '',
    Tues: '',
    Wed: '软件测试技术',
    Thus: '',
    Fri: '',
  },
]
</script>

<template>
  <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="Time" label=""  />
    <el-table-column label="课程表">
      <el-table-column prop="Mon" label="星期一"  />
      <el-table-column prop="Tues" label="星期二"  />
      <el-table-column prop="Wed" label="星期三"  />
      <el-table-column prop="Thus" label="星期四"  />
      <el-table-column prop="Fri" label="星期五"  />
    </el-table-column>
  </el-table>
</template>

<style scoped>
.el-table-cell{
  height: 400px;
}
</style>